<?php 
function errorPage($e_content, $e_title='Error', $title='Error'){
?>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">    
    <!-- Le styles -->
    <link href="view/css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
	html,
	body {
		height: 100%;
	}
	/* Wrapper for page content to push down footer */
	#wrap {
		min-height: 95%;
		height: auto !important;
		height: 100%;
		/* Negative indent footer by it's height */
		margin: 0 auto -60px;
	}
	.well{
		margin-top:60px;
	}
	.page-header{
		border-bottom:1px solid #CCC;
	}
	#push,
	#footer {
		margin-top:1em;
		height: 60px;
	}
	#footer {
		background-color: #f5f5f5;
		padding-top: 1em;
		padding-left: 1em;
	}
	
	/* Lastly, apply responsive CSS fixes as necessary */
	@media (max-width: 767px) {
		#footer {
			margin-left: -20px;
			margin-right: -20px;
			padding-left: 20px;
			padding-right: 20px;
		}
	}
    </style>    
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <script src="view/js/html5shiv.js"></script>
    <![endif]-->
    <title><?php echo $title; ?></title>
<meta name="description" content="department of psychology, PKU, Beijing, PRC" />
<meta name="keywords" content="department of psychology,psychology,PKU,Peking University" />
</head>

<body>
  <div id="wrap">
    <div class="container">
      <div class="row">
        <div class="span6 offset3 well">
          <div class="page-header">
            <h1><?php echo $e_title; ?></h1>
          </div>
          <?php echo $e_content; ?>
        </div>
      </div>
    </div>
    <div id="push"></div>
  </div><!-- /wrap -->
  <div class="container">
    <div id="footer">
	  <p class="muted credit"><?php echo __get_config('Options.CopyRight'); ?></p>
    </div><!-- /footer -->
  </div><!-- /container -->
</div> <!-- /container -->
<script src="view/js/jquery-1.9.1.min.js"></script>
<script src="view/js/bootstrap.min.js"></script>
</body></html>

<?php 
}
?>
